.SelectSchoolcss
{
}

/**
输入文本框未选中之前的状态
 */
.SelectSchoolcss-inputDefault
{
    color:black;
    text-align: center;
    margin-top: 30px;
    width: 100%;
    height: 29px;
    alignment: right;
    font-size: 25px;
    border-color: #4CAF50;
    border: 10px;
    outline: #0000FF;
    background: #ffeeee;
}


.SelectSchoolcss-layoutBodyLeft {
    line-height:30px;
    height:300px;
    width:20%;
    float:left;
    padding:5px;
    background: #acacac;
}

.SelectSchoolcss-select
{
    width                    : 300px;
    height                   : 40pt;
    line-height              : 40pt;
    padding-right            : 20pt;
    text-indent              : 4pt;
    text-align               : left;
    vertical-align           : middle;
    box-shadow               : inset 0 0 3px #606060;
    border                   : 1px solid #acacac;
    -moz-border-radius       : 6px;
    -webkit-border-radius    : 6px;
    border-radius            : 6px;
    -webkit-appearance       : none;
    -moz-appearance          : none;
    appearance               : none;  /*IMPORTANT*/
    font-family              : Arial,  Calibri, Tahoma, Verdana,宋体;
    font-size                : 18pt;
    font-weight              : 500;
    color                    : #009900;
    cursor                   : pointer;
    outline                  : none;

    display: block;
    margin: auto;
}
.SelectSchoolcss-select::-ms-expand {display: none;} /*FOR IE*/
.SelectSchoolcss-select option
{
    padding             : 4px 10px 4px 10px;
    font-size           : 11pt;
    font-weight         : normal;
}
.SelectSchoolcss-select option[selected]{ font-weight:bold}
.SelectSchoolcss-select option:nth-child(even) { background-color:#f5f5f5; }
.SelectSchoolcss-select:hover {font-weight: 700;}
.SelectSchoolcss-select:focus {box-shadow: inset 0 0 5px #000099; font-weight: 600;}

/*LABEL FOR SELECT*/
.select-lblSelect
{ position: relative;
    display: inline-block;
    display: block;
    margin: auto;
}
/*DOWNWARD ARROW (25bc)*/
.select-lblSelect::after
{
    content                 : "\25bc";
    position                : absolute;
    top                     : 0;
    right                   : 0;
    bottom                  : 0;
    width                   : 20pt;
    line-height             : 40pt;
    vertical-align          : middle;
    text-align              : center;
    background              : #009900;
    color                   : #fefefe;
    -moz-border-radius       : 0 6px 6px 0;
    -webkit-border-radius    : 0 6px 6px 0;
    border-radius           : 0 6px 6px 0;
    pointer-events          : none;
}

.selectSchoolcss-centerDiv
{
    display: flex;
    align-items: center;
}


.selectSchoolcss-divCenter
{
    left: 50%;
    right: 50%;
}

.SelectSchoolcss-button {
    cursor: pointer;
    font-weight: bold;
    text-shadow: 0 1px 0 white;
    text-decoration: none;
    color: black;
    background-color: #F2F2F2;
    padding: 9px 20px;

    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;

    background-image: -webkit-linear-gradient(90deg, #DBDBDB, #F2F2F2);
    background-image: -moz-linear-gradient(90deg, #DBDBDB, #F2F2F2);
    background-image: -ms-linear-gradient(90deg, #DBDBDB, #F2F2F2);
    background-image: -o-linear-gradient(90deg, #DBDBDB, #F2F2F2);
    background-image: linear-gradient(90deg, #DBDBDB, #F2F2F2);

    border: 1px solid #B3B3B3;

    -webkit-box-shadow: inset 0 0 2px 1px white, 0 2px 5px rgba(0,0,0,0.15), inset 0 -17px 0 rgba(0,0,0,0.06);
    -moz-box-shadow: inset 0 0 2px 1px white, 0 2px 5px rgba(0,0,0,0.15), inset 0 -17px 0 rgba(0,0,0,0.06);
    box-shadow: inset 0 0 2px 1px white, 0 2px 5px rgba(0,0,0,0.15), inset 0 -17px 0 rgba(0,0,0,0.06);
    height: 40px;
    font-size: 16px;
    width: 160px;
    float: left;
    margin-left: 20%;
    display: block;
    margin: auto;
}
.SelectSchoolcss-button:hover {
    text-decoration: none;
    background-image: -webkit-linear-gradient(90deg, #E8E8E8, #F7F7F7);
    background-image: -moz-linear-gradient(90deg, #E8E8E8, #F7F7F7);
    background-image: -ms-linear-gradient(90deg, #E8E8E8, #F7F7F7);
    background-image: -o-linear-gradient(90deg, #E8E8E8, #F7F7F7);
    background-image: linear-gradient(90deg, #E8E8E8, #F7F7F7);
}
.SelectSchoolcss-button:active {
    position: relative;
    top: 1px;
}
.SelectSchoolcss-label
{
    display: block;
    margin: auto;
}